<template>
   <div class="navbar">
    <div class="left">
        <svg class="icon" aria-hidden="true" @click="$router.push('/search')">
    <use xlink:href="#icon-sousuo"></use>
</svg>
    </div>
    <div class="topContent">
        <span @click="$router.push('/InfoUser')">我的</span>
        <span class="active">发现</span>
        <span>云村</span>
        <span>视频</span>
    </div>

    <div class="right">
    <svg class="icon" aria-hidden="true">
    <use xlink:href="#icon-list"></use>
    </svg>
    </div>
  


    
   </div>
</template>

<script>
    export default {
        
    }
</script>

<style lang="less" scoped>
.navbar{
  width: 100%;
  height: 1rem;
padding: 10px;
display: flex;
justify-content: space-between;
align-items: center;
.topContent{
    width: 65%;
    height: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    font-size: .36rem;
    .active{
        font-weight: 900;
    }
}
}
</style>